<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/about_us.css">
    <title>公司风采</title>
</head>

<body>
    <div class="lg_about_us">
        <header class="yimiTop" title="about"></header>
        <div class="content">
            <img src="http://xiaoyedianao.gitee.io/picture_storage_area/images/about_us_bg.png" alt="ABOUT US">
            <div class="aboutTitle">
                <span>ABOUT US</span>
            </div>
        </div>
        <div class="w1184">
            <!-- 公司介绍 -->
            <div class="companyBox">
                <img src="http://xiaoyedianao.gitee.io/picture_storage_area/images/environment.png" alt="">
                <div class="message">
                    <h2>Hubei Leaf New Material Technology Co.,Ltd</h2>
                    <p>     Hubei Leaf New Material Technology Co.,Ltd,located in the famous Three Gorges Dam city----Hubei Yichang,is a professional supplier of chemical additives for powder coatings,
                        powder coating fillers and and powder coatings. So far the company has 8 advanced powder production lines,3 chemical additive production lines,5 functional powder filler
                        production lines to ensure our annual production capacity of 5000 tons of powder coatings, 30,000 tons of powder fillers and 300 tons of chemical additives. Our powder coatings
                        are widely used in General industry, Household appliances,Building doors, Highway guardrails, Outdoor facilities, Auto industry and so on.We even have a professional research
                        and development group to ensure that we can supply the colorful and sustainable product solutions for customers throughout the world.
                    </p>
                </div>
            </div>
            <p style="    margin: 10px auto 30px;text-align: center;font-size: xx-large;color: #febd5b;">- - - - - - - - - -  Company Video Intro  - - - - - - - - - - -</p>
            <div style="width: 500px;margin: auto;">
                <iframe width="500px" height="300px" src="//player.bilibili.com/player.html?aid=96493456&cid=164734250&page=1"
                        scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
            </div>
            <p style="    margin: 20px auto 30px;text-align: center;font-size: xx-large;color: #febd5b;">- - - - - - - - - -  Company Staff Images  - - - - - - - - - - -</p>
            <div class="staffs" style="width: 100%">
                <img width="150px" src="./images/new-1.jpg" alt="">
                <img width="150px" src="./images/new-2.jpg" alt="">
                <img width="150px" src="./images/new-3.png" alt="">
                <img width="150px" src="./images/new-4.png" alt="">
            </div>
        </div>
        <div class="spirit">
            <div class="w1184">
                <span>better than past</span>
            </div>
        </div>
        <footer></footer>
    </div>
</body>
<script type="text/JavaScript" src="./js/jquery-2.1.0.js "></script>
<script type="text/JavaScript" src="./js/common.js"></script>
<script type="text/JavaScript">
    $(document).ready(function () {
        header.init()
        footer.init()
        var imgArr = ['http://xiaoyedianao.gitee.io/picture_storage_area/images/expert1.png', 'http://xiaoyedianao.gitee.io/picture_storage_area/images/expert1.png', 'http://xiaoyedianao.gitee.io/picture_storage_area/images/expert1.png',
            'http://xiaoyedianao.gitee.io/picture_storage_area/images/expert1.png'
        ]
        var nameArr = ['林俊杰1', '林俊杰2', '林俊杰3', '林俊杰4']
        var positionArr = ['清华大学毕业生', '北京大学毕业生', '家里蹲大学毕业生', '没毕业生']
        var decArr = ['厉害', '贼厉害', '就是厉害', '厉害的不像样']
        var tage = true;
        $(".expertList img").each(function (index) {
            $(this).click(function () {
                if (tage) {
                    tage = false
                    $(".expert").fadeOut(function () {
                        $('.expertImg').attr('src', imgArr[index])
                        $('.expertMes h2').html(nameArr[index])
                        $('.expertMes p').html(positionArr[index])
                        $('.expertMes span').html(decArr[index])
                    })
                }
                $(".expert").fadeIn(function () {
                    tage = true
                })
            })
        })
    })
</script>

</html>